<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Title</title>
        <link rel="stylesheet" type="text/css" href="style1.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('a.tab').click(function(){
                     $('a.active').removeClass('active');
                     $(this).addClass('active');

                    $('.content').hide();
                     var content_show = $(this).attr('title');
                      $('#'+content_show).fadeIn(1000);


                });
            });
        </script>
    </head>

<body>
    <div id="tabbed_nav" class="tabbed_nav">
        <h4>Site Navigation</h4>
        <div class="tabbed_area">
            <ul class="tabs">
                <li><a href="#" title="feature" class="active tab">Feature</a></li>
                <li><a href="#" title="news" class="tab">News</a></li>
                <li><a href="#" title="popular" class="tab">Popular</a></li>
            </ul>
            <div id="feature" class="content">
                    <ul>
                        <li><a href="#">Từ PSD sang HTML</a></li>
                        <li><a href="#">Giao diện với CSS</a></li>
                        <li><a href="#">Layout menu với css</a></li>
                        <li><a href="#">Công cụ để làm web</a></li>
                        <li><a href="#">Chuyen PSD thành XHTML</a></li>
                        <li><a href="#">Dropdown menu với css</a></li>
                        <li><a href="#">Tạo trang web đầu tiên</a></li>
                </ul>
            </div>

            <div id="news" class="content">
                <ul>
                        <li><a href="#">Độ cao của div</a></li>
                        <li><a href="#">Cài đặt wordpress ở localhost</a></li>
                        <li><a href="#">Cài đặt localhpst wamp</a></li>
                        <li><a href="#">Absolute position trong thiết kế giao diện</a></li>
                        <li><a href="#">Cách sử dụng prite image</a></li>
                        <li><a href="#">10 lí do bạn nên sử dụng wordpress</a></li>
                        <li><a href="#">Độ cao của div</a></li>
                </ul>
            </div>

            <div id="popular" class="content">
                 <ul>
                        <li><a href="#">home</a></li>
                        <li><a href="#">about</a></li>
                        <li><a href="#">Forum</a></li>
                        <li><a href="#">contact</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>